<script lang="ts" setup>
defineOptions({ name: 'DiaBasicInfoForm' })
const props = defineProps({
  modelValue: {
    type: Boolean,
    default: false,
  },
})
const emit = defineEmits(['update:modelValue'])
// const show = ref(false)
// const open = () => {
//   show.value = true
// }
const handleClose = () => {
  emit('update:modelValue', false)
}
// defineExpose({
//   open,
// })
</script>

<template>
  <wd-popup :model-value="modelValue" custom-style="border-radius:16rpx;" @close="handleClose">
    <!-- <wd-overlay :show="modelValue" @click="handleClose"> -->
    <view class="jedi_dialog" @click.stop="">
      <view class="jedi_dialog_header" @click.stop="">
        <text>名称</text>
        <wd-icon name="close" size="16px" @click="handleClose" />
      </view>
      <view class="jedi_dialog_body">
        <slot />
      </view>
      <view class="jedi_dialog_footer">
        <slot name="footer" />
      </view>
    </view>
  <!-- </wd-overlay> -->
  </wd-popup>
</template>

<style lang="scss" scoped>
.jedi_dialog {
  background-color: #fff;
  width: 88vw;
  .jedi_dialog_header {
    height: 76rpx;
    display: flex;
    padding: 0 20rpx;
    justify-content: space-between;
    align-items: center;
  }
}
</style>
